<template>
  <div>
    <MyComputed></MyComputed>
    <hr>
    <my-watch></my-watch>
    <hr>
    <my-par></my-par>
    <hr>
    <my-ref></my-ref>
  </div>
</template>

<script setup>
import { ref, provide } from 'vue'
import MyComputed from './components/myComputed.vue';
import myWatch from './components/myWatch.vue';
import myPar from './components/myPar.vue';
import myRef from './components/myRef.vue';

const name = ref('wjk1321')
provide('name', name)
</script>

<style  scoped>

</style>